<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Document</title>
        <link rel="stylesheet" href="./index.css" />
    </head>
    <body>
        <div class="frame">
            <div class="blobb"></div>
            <div class="blobb-ring"></div>
            <svg class="octagon">
                <polygon
                    points="30,0 70,0 100,30 100,70 70,100 30,100 0,70 0,30"
                ></polygon>
            </svg>
            <div class="octa-sparkles">
                <div class="sparkle s1"></div>
                <div class="sparkle s2"></div>
                <div class="sparkle s3"></div>
                <div class="sparkle s4"></div>
            </div>
            <svg class="triangle">
                <polygon points="53,0 106,90 0,90"></polygon>
            </svg>
            <div class="triangle-sparkles">
                <div class="sparkle s1"></div>
                <div class="sparkle s2"></div>
                <div class="sparkle s3"></div>
            </div>
        </div>
    </body>
</html>
